@white:#fff;
@gray:gray;
@dark:#293846;

body{background:@white}
.gray-bg{border-left:1px solid #eee;}
.home-header{height:60px;background:@dark;color:@white;}
.home-header .home-text{
  float: left;
  width:220px;
  text-align: center;
  a{
    color:#fff;
    display: inline-block;
    padding:15px 10px;
    line-height: 30px;
    font-size:16px;
    img{
      margin-right:5px;
      width: 30px;height:30px;float: left;
    }
  }
}

.home-header .home-nav{
  float: left;
  a{
    color:#Fff;
    height:60px;
    line-height:60px;
    display: inline-block;
    padding:0 20px;
    &:hover,&.active{
      background:#1f2e3b;
    }
  }
}


.home-header {
  .nav{
    .open{
      .count-info{
        background:#1f2e3b;
      }
    }
    .dropdown-alerts,.dropdown-messages{
      color:@dark;
    }
  }

}

.home-header  .profile-element{
  vertical-align: middle;
  margin-left:10px;
  float: right;

  .img-circle{
    width:25px;
    height:25px;
    float: left;
    vertical-align: middle;
    margin-top:-0px;
    margin-right:6px;
  }
  .dropdown-toggle{
    float: left;padding:15px;
  }
  .dropdown-menu{
    li{
      a{
        color:#333;
      }
    }
    .divider{
      margin:0px;
    }
  }


  &.open{
    .dropdown-toggle{
      background:#1f2e3b;
    }
  }
}


.m-add-new{text-align: right}
.m-add-new .btn{margin-top:25px;}
.m-upimgview{margin-bottom:10px;width:120px;height:120px;position: relative}
.m-upimgview img{width:120px;height:120px;}
.m-upimgview .progress{position: absolute;top:0px;z-index: 2222;left:0px;right:0px;margin-top:0px;}




.loginscreen.middle-box .logo-img img{width:120px;margin-top:110px;}



.m-upimgviewgroup{
  .img{
    float: left;
    width:100px;height:100px;
    display: inline-block;
    margin-right:10px;
    position: relative;
    i{
      position: absolute;
      background-color: rgba(0,0,0,.5);
      left:0px;right:0px;bottom:0px;top:0px;
      color:#ddd;
      text-align: center;
      font-size:20px;
      line-height: 100px;
      cursor: pointer;
      display: none;
    }
    &:hover{
      i{

        display:block;
      }
    }
    img{
      width:100px;height:100px;
      margin-right:10px;float:left;
    }
  }
  .btn-addimgs{
    float: left;
    position: relative;
    width:100px;height:100px;
    display: inline-block;
    background:#f5f5f5;
    text-align: center;
    color:#999;
    i{
      font-size:50px;
    }
    span{
      display: block;
    }
    &:hover{
      color:#888;
      background:#eee;
    }
    em{
      position: absolute;
      left:0px;bottom:0px;
      height:3px;
      background:Green;
      display: inline-block;
    }
  }
}